<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<!-- My Tweaking START -->
		<script async='true' type='text/javascript'>
			/* <!-- [CDATA[ */
			/* ##### Event ##### */
			var PLAYGROUND = (function(me) {
				if (window.addEventListener) {
					me.addEvent = function(element, event, fn) {
						element.addEventListener(event, fn, false);
					};
				} else {
					me.addEvent = function(element, event, fn) {
						element.attachEvent('on' + event, fn);
					};
				}

				/* Main function. This function is invoked when document.body is ready, so override this between <body> and </body>). */
				me.main = function() {
				};

				me.play = function() {
					/* Ensure that init() be executed when document.doby is ready; PLAYGROUND.main() should be already overridden at that time. */
					if (document.body) {
						init();
					} else {
						me.addEvent(window, "load", init);
					}

					var elem = document.createElement("script");
					function init() {
						elem.async = "true";
						elem.src = "//contender-x-blogger.googlecode.com/git/js/playground-init.js";
						me.addEvent(elem, "load", function() {
							document.body.removeChild(elem);
						});
						document.body.appendChild(elem);
					}

				};

				return me;
			} )(PLAYGROUND || {});

			PLAYGROUND.play();
			/* ]]--> */
		</script>
		<!-- My Tweaking END -->

		<style>
			/* My Tweaking Start*/
			.post-header {
				margin: 0em 0 1em;
				border-bottom: 1px dashed hsl(0, 0%, 80%);
			}
			.post-body img {
				border: none 0px hsl(0, 0%, 80%);
			}
			.post-body code {
				border: solid 1px hsl(0, 0%, 80%);
				border-radius: 4px;
				padding: 0.1em 0.1em 0.1em 0.1em;
			}
			.post-body .caution, .post-body .warning {
				background-color: hsl(0, 100%, 94%);
				padding: 6px 8px 6px 10px;
				border-left: 6px solid hsl(0, 100%, 33%);
			}
			.post-body .note, .post-body .special {
				background-color: hsl(108, 100%, 94%);
				padding: 6px 8px 6px 10px;
				border-left: 6px solid hsl(108, 100%, 33%);
			}
			.post-body .syntaxhighlighter {
				padding: 0.6em 0;
				border-radius: 4px;
			}
			.post-body .syntaxhighlighter .line {
				white-space: pre-wrap !important; /* make code wrap */
			}
			.jump-link {
				text-align: center;
			}
			.post-footer {
				margin: 1.5em 0 0;
				border-top: 1px dashed hsl(0, 0%, 80%);
			}
			/* HTTP Status Response Page */
			.status-msg-wrap, .status-msg-border, .status-msg-bg, .status-msg-body {
				opacity: 1;
				position: static;
				padding: 0;
				z-index: 0;
			}
			.status-msg-body h1 {
				font-size: 1.4em;
			}
			#placeholder-404 {
				position: relative;
				font: 60% Times;
				color: black;
			}
			#placeholder-404 .anim {
				/*border: 1px solid red;*/
				background-color: hsl(0, 0%, 75%);
				border-left: 1px solid black;
				border-right: 1px solid black;
				overflow: hidden;
				cursor: default;
				display: inline-block;
				vertical-align: middle;
				height: inherit;
				z-index: 0;
			}
			#placeholder-404 .clicktrap {
				cursor: default;
				position: relative;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
			}
			#placeholder-404 .center-hack {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				/* background: hsl(0, 0%, 50%); */
			}
			#placeholder-404 .center-hack:before {
				content: '';
				display: inline-block;
				vertical-align: middle;
				height: 100%;
				margin: 0;
				padding: 0;
				/* background: red; */
				/* width: 20px; */
			}
			#placeholder-404 .info {
				border: 3px double black;
				border-radius: 8px;
				text-align: center;
				background-color: hsl(0, 0%, 90%);
				font-size: 2.4em;
				display: inline-block;
				position: relative;
				vertical-align: middle;
				margin: 0;
				padding: 0.2em;
				z-index: 2;
			}
			#placeholder-404 .info * {
				margin: 0;
				padding: 0;
			}
			/* My Tweaking End */
		</style>
	</head>
	<body>
		<!-- Put Something Here! -->
	</body>
</html>